body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#e6e6e6;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
*{ padding:0px; margin:0}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover 
{
color:#FF0000; font-family:Arial, Helvetica, sans-serif;
}
a:hover img0{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
input,from,td,table,img,dl,dt,ul,dd,li,p,div,span{ padding:0; margin:0; list-style:none; font-family:Arial, Helvetica, sans-serif;}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:Arial, Helvetica, sans-serif;}
.left{float:left}
.right{float:right}
.clear{
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; PADDING-TOP: 0px
}
.wapclear{
clear:both;
}
@media screen and (max-width: 668px){
.wapclear{
clear:none;
}
}
#all{
width:100%; font-family:Arial, Helvetica, sans-serif; background-color:#e6e6e6;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#363636;
}
.con{
	font-size:12px;
	color:#363636;
}
td{
	font-size:12px;
	color: #363636;
	font-family:Arial, Helvetica, sans-serif;
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
color:#FFF; font-size:18px; width:9%; line-height:52px; height:52px; display:block; text-align:center; float:left; margin-right:4%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi1:hover 
{
color:#91bcfd;
}
a.yiyi100
{
color:#FFF; font-size:18px; width:9%; line-height:52px; height:52px; display:block; text-align:center; float:left; margin-right:0; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi100:hover 
{
color:#91bcfd;
}
@media screen and (max-width: 768px){
a.yiyi1{font-size:16px;}
a.yiyi100{font-size:16px;}
}
a.yiyi1000
{
color:#000; font-size:14px; height:30px; line-height:30px; width:29px; padding-left:1px; margin-top:1px; display:block; text-align:center; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; letter-spacing:2px; background-color:#616161;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
a.yiyi1000:hover 
{
color:#91bcfd;
}
a.yiyi2
{
color:#000; font-size:16px;
}
a.yiyi2:hover 
{
color:#F00;
}
@media screen and (max-width: 668px){
a.yiyi2{font-size:13px;}
}
a.yiyi2000
{
color:#aaaaaa; font-size:14px; display:block; float:left; margin:3px 0px 0px 20px;
}
a.yiyi2000:hover 
{
color:#F00;
}
a.yiyi20000
{
color:#16b5ff; font-size:14px; width:60px; text-align:center; height:22px; line-height:22px; margin:0px 20px 0px 0px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; border:1px solid #16b5ff;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi20000:hover 
{
color:#FFF; background-color:#16b5ff;
}
a.yiyi3
{
color:#454545; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi3:hover 
{
background:url(images/mark03.png) center bottom no-repeat; color:#257afa;
}
a.yiyi3000
{
color:#257afa; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi5
{
color:#20469d; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; display:block; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi5:hover 
{
background:url(images/mark03.png) center bottom no-repeat; color:#257afa;
}
a.yiyi5000
{
color:#257afa; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:38px; line-height:38px; display:block; float:left;  font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi5000:hover 
{
background:url(images/mark03.png) center bottom no-repeat;
}
a.yiyi6
{
color:#252525; font-size:16px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi60
{
color:#8f8f8f; font-size:13px;
}
a.yiyi60:hover 
{
color:#F00;
}
a.yiyi600
{
color:#16b5ff; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #16b5ff; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover 
{
color:#F00; border-top:2px solid #F00;
}
a.yiyi7
{
color:#777; font-size:13px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi8
{
color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi9
{
color:#333; font-size:24px;
}
a.yiyi9:hover 
{
color:#F00;
}
a.yiyi51
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#afafaf;
}
a.yiyi51:hover 
{
background-color:#ea3d38;
}
a.yiyi510
{
float:left; width:150px; height:42px; line-height:41px; display:block; margin-left:1px; margin-bottom:10px; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38;
}
a.yiyi510:hover 
{
background-color:#ea3d38;
}

a.yiyi51a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#101010; font-size:16px; background-color:#dfdfdf; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi51a:hover 
{
background-color:#ea3d38; color:#FFF;
}
a.yiyi510a
{
float:left; width:230px; height:50px; line-height:49px; display:block; text-align:center; color:#FFF; font-size:16px; background-color:#ea3d38; margin:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyi510a:hover 
{
background-color:#ea3d38;
}

a.yiyi8a
{
color:#222; font-size:20px;
}
a.yiyi8a:hover 
{
color:#F00;
}
a.yiyi8b
{
color:#818181; font-size:15px;
}
a.yiyi8b:hover 
{
color:#F00;
}
a.yiyi8c
{
color:#999; font-size:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8c:hover 
{
color:#F00;
}

a.yiyi8ai
{
color:#222; font-size:20px;
}
a.yiyi8ai:hover 
{
color:#F00;
}
a.yiyi8bi
{
color:#818181; font-size:15px;
}
a.yiyi8bi:hover 
{
color:#F00;
}
a.yiyi8ci
{
color:#999; font-size:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8ci:hover 
{
color:#F00;
}

a.yiyiabout
{
color:#FFF; width:128px; height:36px; line-height:36px; text-align:center; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; display:block; margin:0px auto 0px auto; background-color:#b8b8b8;
border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-moz-border-radius:15px;
-ms-border-radius:15px;
}
a.yiyiabout:hover 
{
color:#FFF; background-color:#5c82fd;
}

/*这里*/



a.kefu01
{
color:#e9e9e9; font-size:12px;
}
a.kefu01:hover 
{
color:#F00;
}

a.kefu02
{
color:#e9e9e9; font-size:12px;
}
a.kefu02:hover 
{
color:#F00;
}
/*这里*/

.logo{ border:3px solid #fff; font:bold 24px/100px "Microsoft Yahei"; width:100px; height:100px; position:fixed; top:50px; left:50px; z-index:999;}
.menu{ height:42px; background:rgba(0,0,0,0.6);position:fixed;  top:0px; left:0; z-index:998; width:100%; }
.menu li{list-style:none; float:left; display:inline-block; font:16px/42px "Microsoft Yahei";}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ background:#F00;}

.headerbg{
position:absolute; left:0; top:0; width:100%; height:127px; margin:0px auto; clear:both; overflow:hidden; z-index:1000; background-color:#FFF;
}
.headerbgin{
width:100%; height:127px; margin:0px auto; clear:both; overflow:hidden; z-index:1000; background-color:#FFF;
}
.header{
width:100%; max-width:1900px; height:75px; margin:0px auto; clear:both; overflow:hidden;
}
.header div{
overflow:hidden;
}
.headerlogo{
float:left; height:75px;
}
.headcnen{
float:right; padding:24px 2px 0px 0px;
}
.headright{
float:right; font-size:18px; line-height:22px; padding:21px 0px 0px 0px;
}
.headwap{
float:right; display:none;
}
.sp_nav{width:50px;float:right;position:relative; top:50%;cursor:pointer;height:30px;margin-top:-13px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:186px}
.headright font{
padding:0px 20px 0px 0px; color:#ff003c;
}
.headmenubg{
width:100%; margin:0px auto; height:52px; clear:both; overflow:hidden; background-color:#20469d;
}
.headmenubg div{
overflow:hidden;
}
@media screen and (max-width: 668px){
.headerbg{height:70px;}
.headerbgin{height:70px;}
.header{height:70px;}
.headerlogo{width:70%; padding-top:10px;}
.headcnen{display:none;}
.headright{display:none;}
.headwap{display:block; height:70px;}
.headerlogo img{width:100%; height:auto; border:0px;}
.headmenubg{display:none;}
.nav_show{top:70px}
}
/*-Navigation-*/
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px); font-size:14px;}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:34px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-size:14px; display:block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:19px;padding:6px 7px 5px 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0em}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;font-size:14px;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; font-size:14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*--Navigation--*/
.headmenu{
width:100%; max-width:1400px; margin:0px auto; height:52px; clear:both; overflow:hidden;
}
.advslide01{
background:url(images/adv01.jpg) no-repeat center;
}
.advslide02{
background:url(images/adv02.jpg) no-repeat center;
}
.advslide03{
background:url(images/adv03.jpg) no-repeat center;
}
.advslide04{
background:url(images/adv04.jpg) no-repeat center;
}
@media screen and (max-width: 668px){
.advslide01{
background:url(images/wadv01.jpg) no-repeat center;
}
.advslide02{
background:url(images/wadv02.jpg) no-repeat center;
}
.advslide03{
background:url(images/wadv03.jpg) no-repeat center;
}
.advslide04{
background:url(images/wadv04.jpg) no-repeat center;
}
}
.flasher-about{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_about.jpg) center;
}
.flasher-pro{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_pro.jpg) center;
}
.flasher-case{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_case.jpg) center;
}
.flasher-news{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_news.jpg) center;
}
.flasher-service{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_service.jpg) center;
}
.flasher-contact{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_contact.jpg) center;
}
.flasher-video{
width:100%; margin:0px auto; clear:both; height:335px; background:url(images/flash_video.jpg) center;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 980px){
}
.footerbg{ width:100%; height:510px; clear:both; margin:0px auto; overflow:hidden; background:url(images/pagebg_09.jpg) no-repeat center #000;}
#pfooter{ width:100%; max-width:1500px; height:510px; clear:both; margin:0px auto;}
.pfooter{ width:100%; height:510px; overflow:hidden; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
.pfooter div{
overflow:hidden;
}
.footclear{
float:left;
}
.footer01{
float:left; width:33.333%;
}
.footer01a{
clear:both; padding-top:109px; padding-bottom:32px;
}
.footer01b{
float:left; text-align:center; line-height:50px; color:#FFF; font-size:18px; margin-left:1%; margin-right:10%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.footer01c{
float:left; text-align:center; line-height:50px; color:#FFF; font-size:18px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}

.footer02{
float:left; width:28.333%; margin-left:5%;
}
.footer03{
float:left; width:33.333%;
}
.footer23a{
clear:both; color:#FFF; font-size:18px; line-height:26px; padding-top:125px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.footer23b{
clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; color:#727272; font-size:14px; line-height:20px; padding:6px 0px;
}
.footer23c{
clear:both; color:#a1a1a1; font-size:17px; line-height:40px; padding:10px 0px 0px 0px;
}
.footer23c a{ color:#a1a1a1; font-size:18px; display:block; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; width:40%;}
.footer23c a:hover{ color:#F00; font-size:18px;}

@media screen and (max-width: 668px){
.footclear{
float:none; clear:both;
}
.footer01{
float:none; clear:both; width:60%; margin:0px auto; text-align:center;
}
.footer01a{
padding-top:20px; padding-bottom:12px;
}
.footer01a img{
width:80%; height:auto;
}
.footer01b{
width:50%; line-height:30px; font-size:12px; margin-left:0; margin-right:0;
}
.footer01b img{
width:60%; height:auto;
}
.footer01c{
width:50%; line-height:30px; font-size:12px;
}
.footer01c img{
width:60%; height:auto;
}
.footer02{
float:left; width:30%; margin-left:1%; margin-right:4%;
}
.footer03{
float:left; width:65%;
}
.footer23a{
font-size:12px; letter-spacing:0px; line-height:20px; padding-top:20px;
}
.footer23b{
font-size:9px; line-height:16px; padding:0px 0px;
}
.footer23c{
clear:both; color:#a1a1a1; font-size:15px; line-height:28px; padding:5px 0px 0px 0px;
}
.footer23c a{ color:#a1a1a1; font-size:15px; display:block; clear:both; width:100%;}
.footer23c a:hover{ color:#F00; font-size:18px;}
}

.protitle{
padding:9px 15px 9px 15px; color:#FFF; font-size:22px; line-height:45px; background-color:#257afa; float:left;
box-shadow:0 0 15px rgba(0,0,0,0.5);
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitleqr{
clear:both; line-height:25px; color:#777; font-size:16px;
}
.titleleft{
float:left;
}
.titleright{
float:right; line-height:31px; padding-right:8px;
}
.titlecn{
font-size:22px; color:#fb3737; float:left; padding-left:10px; padding-right:5px; line-height:25px;
}
.titleen{
font-size:24px; color:#494949; font-family:"Arial Black", Gadget, sans-serif; float:left; line-height:25px;
}
.titleall{
width:100%; margin:0 auto; clear:both; overflow:hidden;
}
.titleall div{
overflow:hidden;
}
.titleall01{
clear:both; text-align:center; padding-top:0px; padding-bottom:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; letter-spacing:2px;
}
.titleall01color{
color:#000;
}
.titleall01colory{
color:#FFF;
}
.titleall02{
width:90px; height:5px; clear:both; margin:0px auto; background-color:#5c82fd; text-align:center; 
}
.titleall02background{
background-color:#5c82fd;
}
.titleall02backgroundy{
background-color:#FFF;
}
.titleall03{
clear:both; text-align:center; padding-top:15px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#d7d7d7; letter-spacing:2px;
}
.titleall03color{
color:#d7d7d7;
}
.titleall03colora{
color:#bebebe;
}
.titleall03colorn{
color:#e1e0e0;
}
.titleall03colory{
color:#FFF;
}
@media screen and (max-width: 1366px){
.titleall01{
padding-bottom:9px; font-size:26px;
}
.titleall03{
padding-top:9px; padding-bottom:6px; font-size:26px;
}
}
@media screen and (max-width: 668px){
.titleall02{
height:2px;
}
.titleall01colory{
font-size:18px;
}
.titleall03colory{
font-size:18px;
}
}
.indexvideo{
width:100%; max-width:1500px; margin:0px auto; clear:both; overflow:hidden;
}
.indexvideo div{
overflow:hidden;
}
.videoshow{
width:100%; margin:0px auto; clear:both;
}
.videoall{
width:100%; clear:both; padding-top:30px;
}
.videolist{
float:left; width:30.333%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px; position:relative;
}
.videolist img{
width:100%; height:auto; border:0px;
}
.videotext{
text-align:center; padding:0px 0px 0px 0px; line-height:22px; height:22px; padding-top:10px; word-break:break-all; margin-top:3px;
}
.videolist .videotext a{color:#000; font-size:16px;}
.videolist:hover .videotext a{color:#F00;}
.videolist:hover img{
transform: scale(1.15);
}
.video01{
width:100%; height:auto; overflow:hidden; position:relative; z-index:1;
}
.video02{
width:131px; height:131px; overflow:hidden; position:absolute; z-index:2; background:url(images/video_56.png); left:50%; top:50%; margin-left:-65px; margin-top:-65px;
}
@media screen and (max-width: 1366px){
.indexvideo{
width:80%;
}
.videoall{
padding-top:18px; padding-bottom:0px;
}
}
@media screen and (max-width: 668px){
.indexvideo{
width:90%;
}
.videoall{
padding-top:12px;
}
.videolist{
width:47%; margin-bottom:12px;
}
}

.aboutus{
width:100%; max-width:1400px; margin:0px auto; clear:both; overflow:hidden;
}
.aboutus div{
overflow:hidden;
}
.abouttitile{
width:550px; margin:10px auto 0px auto; clear:both; overflow:hidden; background-color:#5c82fd; color:#FFF; font-size:20px; text-align:center; padding:10px 0px 10px 0px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.aboutshow{
clear:both; padding:30px 0px 30px 0px; line-height:36px; font-size:20px;
}
.aboutshow p{
padding-bottom:30px;
}
@media screen and (max-width: 1366px){
.abouttitile{
width:480px; font-size:18px; padding:8px 0px 8px 0px;
}
.aboutshow{
padding:20px 0px 20px 0px; line-height:26px; font-size:16px;
}
.aboutshow p{
padding-bottom:20px;
}
}
@media screen and (max-width: 668px){
.abouttitile{
width:auto; font-size:12px; padding:8px 0px 8px 0px;
}
.aboutus{
width:94%;
}
.aboutshow{
padding:10px 0px 10px 0px; line-height:20px; font-size:14px;
}
.aboutshow p{
padding-bottom:5px;
}
}
.indexyoushi{
width:100%; max-width:1500px; margin:0px auto; clear:both; overflow:hidden;
}
.indexyoushi div{
overflow:hidden;
}
.youshilist{
float:left; width:25%; text-align:center; position:relative; top:0px; cursor:pointer;
}
.youshilist:hover{
top:-20px;
}
.youshi01{
clear:both; padding-top:65px;
}
.youshi02{
clear:both; font-size:20px; color:#FFF; line-height:30px; padding-top:13px;
}
.youshi03{
clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; line-height:22px; padding-top:20px;
}
.youshi04{
clear:both; font-size:16px; color:#e0e0e0; line-height:30px; padding-top:10px;
}
.youshiqr{
width:680px; margin:0px auto; clear:both; overflow:hidden; padding-top:70px;
}
.youshiqr01{
float:left; width:114px;
}
.youshiqr02{
float:right; width:540px; text-align:center; padding-top:38px;
}
.youshiqr02 h1{
color:#000; background-color:#08dfff; width:540px; margin:0px auto; height:36px; line-height:35px; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
border-radius:18px;
-webkit-border-radius:18px;
-o-border-radius:18px;
-moz-border-radius:18px;
-ms-border-radius:18px;
}
.youshiqr02 p{
color:#08dfff; font-size:14px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding-top:10px;
}
@media screen and (max-width: 1366px){
.indexyoushi{
width:90%;
}
.youshi01{
padding-top:35px;
}
.youshi02{
font-size:16px; line-height:24px; padding-top:9px;
}
.youshi03{
font-size:14px; line-height:20px; padding-top:9px;
}
.youshi04{
font-size:14px; line-height:22px; padding-top:6px;
}
.youshiqr{
padding-top:45px;
}
}
@media screen and (max-width: 668px){
.indexyoushi{
width:100%;
}
.youshilist{
width:50%;
}
.youshilist:hover{
top:0px;
}
.youshi01{
padding-top:15px;
}
.youshi01 img{
width:25%; height:auto;
}
.youshi02{
font-size:14px; line-height:18px; padding-top:9px;
}
.youshi03{
font-size:12px; line-height:17px; padding-top:6px;
}
.youshi04{
font-size:12px; line-height:16px; padding-top:6px;
}
.youshiqr{
width:90%; padding-top:25px;
}
.youshiqr01{
float:left; width:24%;
}
.youshiqr01 img{
width:100%; height:auto; border:0px;
}
.youshiqr02{
float:right; width:72%; padding-top:15px;
}
.youshiqr02 h1{
width:100%; height:60px; line-height:30px; font-size:15px;
}
}
.indexcaseshow{
width:100%; max-width:1500px; margin:0px auto; clear:both; overflow:hidden;
}
.indexcaseshow div{
overflow:hidden;
}
.caseall{
width:100%; max-width:1500px; margin:0px auto; clear:both; padding-top:40px;
}
.caseall img{
width:100%; height:auto; border:0px;
}
.leftcase:hover img, .rightcase1:hover img, .rightcase2:hover img{
transform: scale(1.15);
}
.leftcase{
float:left; width:66.5%;
}
.rightcase{
float:right; width:32%;
}
.rightcase1{
clear:both; margin-bottom:4.5%;
}
.rightcase2{
clear:both;
}
@media screen and (max-width: 1366px){
.indexcaseshow{
width:85%;
}
.caseall{
padding-top:25px;
}
}
@media screen and (max-width: 668px){
.caseall{
padding-top:15px;
}
.indexcaseshow{
width:90%;
}
.leftcase{
width:100%; clear:both;
}
.rightcase{
width:100%; clear:both; margin-top:3%;
}
.rightcase1{
float:left; width:48.5%; clear:none;
}
.rightcase2{
float:right; width:48.5%; clear:none;
}
}
.indexproshow{
width:100%; max-width:1500px; margin:0px auto; clear:both; overflow:hidden;
}
.indexproshow div{
overflow:hidden;
}
.proshowall{
width:100%; max-width:1500px; margin:0px auto; clear:both; padding-top:20px;
}
.hotsalelist{
float:left; width:18.2%; margin-bottom:25px; border:1px solid #e0e0e0; background-color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.hotleft{
margin-right:2%;
}
.hotin{
width:18.5%; margin-left:0.7%; margin-right:0.6%;
}
.hotsalelist:hover img{
    transform: scale(1.15);
}
.hotsalelist:hover{border:1px solid #16b5ff;}
.hotsalelist01{
margin:5px auto 0px auto; width:90%; line-height:46px; height:46px; border-top:1px solid #e4e4e4; text-align:center;
}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	max-width:283px;
	max-height:283px;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.prolist i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.prolist p{
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
@media screen and (max-width: 1366px){
.indexproshow{
width:85%;
}
.proshowall{
padding-top:6px;
}
.hotsalelist{
margin-bottom:10px;
}
}
@media screen and (max-width: 1024px){
.hotsalelist{
border:0px;
}
}
@media screen and (max-width: 668px){
.indexproshow{
width:96%;
}
.proshowall{
padding-top:6px;
}
.hotsalelist{
border:0px; width:31.33%; margin-left:1%; margin-right:1%; margin-bottom:10px;
}
.hotsalelist:hover{border:0;}
.hotleft{
margin-right:1%;
}
.hotsalelist01{
line-height:26px; height:26px;
}
}
.indexnews{
width:100%; max-width:1500px; margin:0px auto; clear:both; overflow:hidden;
}
.indexnews div{
overflow:hidden;
}
.indexnewsall{
width:100%; max-width:1500px; margin:0px auto; clear:both; padding-top:40px;
}
.newslist{
float:left; width:48%; margin-bottom:40px;
}
.newslistin{
clear:both; width:99%; margin:0px auto 40px auto;
}
.newslist:hover img, .newslistin:hover img{
    transform: scale(1.15);
}
.newsleft{
float:left; width:23%; margin-top:8px;
}
.newsleft img{
width:100%; height:auto; border:0px;
}
.newsright{
float:right; width:74%;
}
.news01{
clear:both; line-height:36px; padding:0px 0px 3px 0px;
}
.news02{
clear:both; width:84px; height:3px; background-color:#06baeb;
}
.news03{
clear:both; word-break:break-all; line-height:22px; padding:6px 0px 0px 0px;
}
.news04{
clear:both; line-height:25px;
}
.news01i{
clear:both; line-height:36px; padding:0px 0px 10px 0px;
}
.news02i{
clear:both; width:84px; height:3px; background-color:#06baeb;
}
.news03i{
clear:both; word-break:break-all; line-height:28px; padding:10px 0px 3px 0px;
}
.news04i{
clear:both; line-height:25px;
}
.newsmarginright{
margin-right:4%;
}
@media screen and (max-width: 1366px){
.indexnews{
width:85%;
}
.indexnewsall{
padding-top:20px;
}
.newslist{
margin-bottom:20px;
}
a.yiyi8ai
{
font-size:16px;
}
a.yiyi8bi
{
font-size:14px;
}
a.yiyi8ci
{
font-size:14px;
}
}
@media screen and (max-width: 668px){
.indexnews{
width:90%;
}
.indexnewsall{
padding-top:0px;
}
.newslist{
width:100%; margin-bottom:6px;
}
.news01{
line-height:24px; padding:5px 0px 1px 0px;
}
.news03{
line-height:19px; height:38px; padding:2px 0px 0px 0px;
}
.news04{
display:none;
}
a.yiyi8ai
{
font-size:14px;
}
a.yiyi8bi
{
font-size:12px;
}
a.yiyi8ci
{
font-size:12px;
}
}

.banner01{
width:100%; min-width:1200px; max-width:1920px; height:963px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_03.jpg) no-repeat top;
}
.aboutall{
width:1200px; clear:both; margin:0 auto; overflow:hidden;
}
.aboutall3 img{
box-shadow:0 0 15px rgba(54,55,57,0.9);
border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
}
.aboutall3 img:hover{
box-shadow:0 0 35px rgba(0,0,0,0.9);
}

.titlemenu{
width:100%; max-width:1400px; border-bottom:1px solid #c9c9c9; margin:0px auto; clear:both; overflow:hidden; padding-top:35px; padding-bottom:10px;
}
.classmenu{
width:1200px; margin:0px auto; clear:both; overflow:hidden; padding-top:15px; padding-bottom:10px;
}
.classmenu div{
overflow:hidden;
}
.classmenuall{
width:1350px; clear:both;
}

.indexpageshow{
width:100%; max-width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:50px; background-color:#e6e6e6; border-top:1px solid #FFF;
}
.indexpage{
width:100%; max-width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:50px; background-color:#e6e6e6; border-top:1px solid #FFF;
}
.indexpage div{
overflow:hidden;
}
.indexabout{
padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.indexabout p{
padding-bottom:10px;
}
.caseshowimg{width:86%; height:auto; border:0; display:block; clear:both; margin:0 auto;}
@media screen and (max-width: 668px){
.indexabout img {width:86%; height:auto; border:0; display:block; clear:both; margin:0 auto;}
}
.indexnetbook{
padding:30px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.netbook01{
clear:none; padding-bottom:10px; float:left;
}
.netbook02{
width:460px;
}
.netbook03{
width:547px;
}
.netbook04{
float:left; width:500px;
}
@media screen and (max-width: 668px) {
.netbook01{
clear:both; float:none;
}
.netbook02{
width:236px;
}
.netbook03{
width:325px;
}
.netbook04{
width:240px;
}
}
.indexpro{
padding:30px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.indexdownload{
padding:20px 5px 0px 5px; clear:both; line-height:185%; font-size:16px;
}
.downloadlist{
clear:both; padding:0px 6px; margin:5px 6px;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.downloadlist:hover{
background-color:#f0f0f0; box-shadow:0 0 15px rgba(0,0,0,0.3);
}
.indexshow{
padding:40px 10px 0px 10px; clear:both; line-height:185%; font-size:16px; overflow:hidden;
}
.indexshow p{
padding-bottom:10px;
}
.caselist{
width:376px; height:253px; position:relative; border:1px solid #d5d5d5; overflow:hidden;
}
.caselist img{
width:376px; height:253px; border:0px; position: absolute; left: 50%; top: 50%; margin: -126.5px 0 0 -188px; z-index: 1;
}

.righttop{
width:960px; height:42px; padding-top:12px; clear:both; border-bottom:1px solid #d8d8d8;
}
.rightall{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.rightall p{
padding-bottom:10px;
}

.newpage{
text-align:center; font-size:16px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
.newpage a{font-size:16px;}
.newpage a:hover{color:#F00; font-size:16px;}

.newpagecase{
text-align:center; font-size:16px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px 0px 0px 0px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
.newpagecase a{font-size:16px;}
.newpagecase a:hover{color:#F00; font-size:16px;}

.newshowtitle{
text-align:center; clear:both; font-size:26px; font-weight:bold; line-height:180%; padding-bottom:10px;
}
.newshowtime{
text-align:center; clear:both; font-size:14px; line-height:130%; padding-bottom:0px;
}
.newshowdetail{
clear:both; line-height:180%; padding-top:15px; font-size:16px; 
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:14px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#363636; font-size:14px;}
.newshowmark a:hover{ color:#FF0000; font-size:14px;}

.newpageproduct{
text-align:center; font-size:16px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px 0px 0px 0px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) inset;
}
.newpageproduct a{ color:#363636; font-size:16px;}
.newpageproduct a:hover{ color:#FF0000; font-size:16px;}

/*响应缓冲*/
.yiyi1, .yiyi100, .yiyi1000, .huanchong, .yiyi7, .yiyi20000, .hotsalelist:hover .hotsaleline, .hotsalelistin:hover .hotsaleline, .aboutall3 img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*响应缓冲*/
.allcase{ width:609px; height:375px; position:relative;}
.screen{
	width:609px;
	height:375px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:609px; height:375px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:3900px;}
.allcase ol{ position:absolute; right:6px; bottom:6px; line-height:20px; text-align:center;}
.allcase ol li{ float: left; width: 24px; height: 24px; background:url(images/caseqh.png);  margin-left: 5px; cursor: pointer; font-size: 14px; font-family:Verdana; line-height: 24px; color:#FFF;}
.allcase ol li.current{background:url(images/caseqh.png) bottom;}

.proleft{float:left; width:498px; overflow:hidden;}
.proright{float:left; margin-left:100px; padding:30px 10px 10px 10px; width:560px; overflow:hidden;}
.ban{ width:478px; height:570px; position:relative; overflow:hidden; margin:0px auto 0px auto;}
.ban2{ width:448px; height:448px; position:relative; overflow:hidden; margin-left:12px; background-color:#FFF;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:448px; height:448px;}
.prev{ float:left; cursor:pointer;}
.num{ height:112px;overflow:hidden; width:448px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:472px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:105px; height:105px; margin-right:4px; padding:1px; border:1px solid #d4d4d4;}
.num ul li.on{ border:1px solid #257afa; padding:1px;}
.prev_btn1{ width:9px; text-align:center; height:18px; margin-top:44px; margin-right:3px; cursor:pointer; float:left;}
.next_btn1{ width:9px; text-align:center; height:18px; margin-top:44px; margin-left:0px; cursor:pointer;float:right;}
.prev1{ position:absolute; top:295px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:295px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:650px; height:650px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-325px; margin-top:-380px; display:none; z-index:9999;}
.pop_up_xx{ width:100%; height:100%; min-width:1200px; position:fixed; top:0px; right:0; cursor:pointer; text-align:right;}
.pop_up_xxx{ width:40px; height:40px; position:absolute; top:0; right:0; cursor:pointer; z-index:20000;}
.pop_up2{ width:650px; height:650px; position:relative; overflow:hidden;}
.pop_up2{ width:650px; height:650px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:650px; height:650px; float:left;}

.inxun_title {
float:left; border-left:1px solid #e6e6e6;
}
.inxun_title div {
text-align: center; width:160px; display:inline; background-color:#e6e6e6; margin-right:6px; float:left; height:55px; line-height:55px; cursor:pointer; color:#525252; font-size:17px; letter-spacing:1px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.inxun_title div.hover {
background-color:#257afa; color:#FFFFFF;
}
.flasherin{
width:95%; margin:0px auto; clear:both; display:none;
}
.flasherin img{width:100%; height:auto;}
@media screen and (max-width: 668px) {
.proleft{display:none;}
.proright{display:none;}
.inxun_title div {
width:80px; margin-right:6px; height:35px; line-height:35px; font-size:16px;
}
.indexshow{
padding:20px 10px 0px 10px;
}
.flasherin{display:block;}
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
@media screen and (max-width: 668px){
.yb_conct {display:none;}
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -57px; font-size:14px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -113px; font-size:14px;
}
.yb_bar .yb_MSN {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -225px; font-size:14px;
}
.yb_bar .yb_SKYPE {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -169px; font-size:14px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -281px; font-size:14px;
}
.hd_qr {
	padding: 0 29px 5px 29px;
}
.yb_QQ a, .yb_MSN a, .yb_SKYPE a {
	display: block; font-size:14px; font-family:'Microsoft YaHei';
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}